<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>欢迎来到好农网！</title><link rel="icon" href="../image/logo.png"/>
    <link rel="stylesheet" href="../css/swiper.3.1.2.min.css"/>
    <link rel="stylesheet" href="../font/css/font-awesome.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/pay1.css"/>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="top-box">
            <span class="float-l">您好，欢迎来到好农网！</span>
            <div class="float-r">
                <a href="../html/userCenter4.html">hao123456</a>
                <a href="../html/../before/login.html">退出</a>
                <a href="../html/userCenter3.html">我的订单</a>
                <a href="../html/userCenter1.html">我的好农</a>
                <a href="../html/userCenter2.html">购物车</a>
                <span class="fa fa-mobile icon"></span>
                <a href="../html/">手机好友</a>
                <span class="fa fa-comment-o icon"></span>
                <a href="../html/">联系客服</a>
            </div>
        </div>
    </div>
    <div class="search">
        <div class="search-box">
            <a href="../html/index.html"><img class="float-l" src="../image/logo.png" alt=""/></a>
            <div class="input-box float-r">
                <div class="input float-l">
                    <span class="fa fa-search"></span>
                    <input type="text" placeholder="进口香橙"/>
                </div>
                <a href="../html/search.html" class="button float-l pointer">搜索</a>
                <a href="../html/userCenter2.html" class="shop-car float-l pointer">
                    <div class="car-num">5</div>
                    <span class="fa fa-shopping-cart"></span><span class="word">购物车结算</span><span class="fa fa-angle-right"></span>
                </a>
                <div class="hot-words">
                    <span>热门搜索：</span>
                    <a href="../html/search.html">苹果</a>
                    <a href="../html/search.html">樱桃</a>
                    <a href="../html/search.html">鱼</a>
                    <a href="../html/search.html">虾</a>
                    <a href="../html/search.html">跑山鸡</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="content-box">
        <div class="step">
            <div class="step-item active">
                <div class="line">
                    <div class="circle">
                        <span class="fa fa-check"></span>
                    </div>
                </div>
                <p>1. 我的购物车</p>
            </div>
            <div class="step-item active">
                <div class="line">
                    <div class="circle">
                        <span class="fa fa-circle"></span>
                    </div>
                </div>
                <p>2. 填写核对订单信息</p>
            </div>
            <div class="step-item">
                <div class="line">
                    <div class="circle">
                    </div>
                </div>
                <p>3. 成功提交订单</p>
            </div>
        </div>
        <div class="content-title">填写并核对订单信息</div>
        <div class="user-info">
            <div class="float-l">
                <a href="../html/">编辑</a>
                <div><span class="fa fa-map-marker"></span></div>
                <h3>收货人信息</h3>
                <p>张三  四川绵阳市涪城区沿河大道11号新科科技园E-1102    15980266667</p>
                <a href="../html/userCenter5.html">更多地址>></a>
            </div>
            <a href="../html/userCenter5.html" class="float-r"><span class="fa fa-plus"></span>新增收货地址</a>
        </div>
        <div class="content-title-two">
            <span class="fa fa-cc-visa"></span>
            <p>支付方式</p>
        </div>
        <div class="content-card">
            <div>
                <p>货到付款</p>
                <input type="radio" name="check"/>
            </div>
            <div>
                <p>在线支付</p>
                <input type="radio" name="check"/>
            </div>
            <div>
                <p>公司转账</p>
                <input type="radio" name="check"/>
            </div>
            <div>
                <p>邮局汇款</p>
                <input type="radio" name="check"/>
            </div>
        </div>
        <div class="content-title-two">
            <span class="fa fa-file-text"></span>
            <p>确认订单信息</p>
        </div>
        <div class="goods-item">
            <div class="goods-img">
                <img src="../image/img10.png" alt=""/>
            </div>
            <div class="goods-detail">
                <p>香甜红富士苹果 最新采摘</p>
                <span>商品参加的活动，和商品特征等</span>
            </div>
            <div class="goods-all-price">￥ 28.50</div>
            <div class="goods-number">
                <div class="unit float-l">1 份</div>
                <div class="btn-two float-l">
                    <div>
                        <span class="fa fa-angle-up"></span>
                    </div>
                    <div>
                        <span class="fa fa-angle-down"></span>
                    </div>
                </div>
            </div>
            <div class="goods-delete"><span>有货</span></div>
        </div>
        <div class="goods-item">
            <div class="goods-img">
                <img src="../image/img9.png" alt=""/>
            </div>
            <div class="goods-detail">
                <p>香甜红富士苹果 最新采摘</p>
                <span>商品参加的活动，和商品特征等</span>
            </div>
            <div class="goods-all-price">￥ 28.50</div>
            <div class="goods-number">
                <div class="unit float-l">1 份</div>
                <div class="btn-two float-l">
                    <div>
                        <span class="fa fa-angle-up"></span>
                    </div>
                    <div>
                        <span class="fa fa-angle-down"></span>
                    </div>
                </div>
            </div>
            <div class="goods-delete"><span>有货</span></div>
        </div>
        <div class="goods-item">
            <div class="goods-img">
                <img src="../image/img8.png" alt=""/>
            </div>
            <div class="goods-detail">
                <p>香甜红富士苹果 最新采摘</p>
                <span>商品参加的活动，和商品特征等</span>
            </div>
            <div class="goods-all-price">￥ 28.50</div>
            <div class="goods-number">
                <div class="unit float-l">1 份</div>
                <div class="btn-two float-l">
                    <div>
                        <span class="fa fa-angle-up"></span>
                    </div>
                    <div>
                        <span class="fa fa-angle-down"></span>
                    </div>
                </div>
            </div>
            <div class="goods-delete"><span>有货</span></div>
        </div>
        <div class="goods-item">
            <div class="goods-img">
                <img src="../image/img7.png" alt=""/>
            </div>
            <div class="goods-detail">
                <p>香甜红富士苹果 最新采摘</p>
                <span>商品参加的活动，和商品特征等</span>
            </div>
            <div class="goods-all-price">￥ 28.50</div>
            <div class="goods-number">
                <div class="unit float-l">1 份</div>
                <div class="btn-two float-l">
                    <div>
                        <span class="fa fa-angle-up"></span>
                    </div>
                    <div>
                        <span class="fa fa-angle-down"></span>
                    </div>
                </div>
            </div>
            <div class="goods-delete"><span>有货</span></div>
        </div>
        <div class="goods-item">
            <div class="goods-img">
                <img src="../image/img6.png" alt=""/>
            </div>
            <div class="goods-detail">
                <p>香甜红富士苹果 最新采摘</p>
                <span>商品参加的活动，和商品特征等</span>
            </div>
            <div class="goods-all-price">￥ 28.50</div>
            <div class="goods-number">
                <div class="unit float-l">1 份</div>
                <div class="btn-two float-l">
                    <div>
                        <span class="fa fa-angle-up"></span>
                    </div>
                    <div>
                        <span class="fa fa-angle-down"></span>
                    </div>
                </div>
            </div>
            <div class="goods-delete"><span>有货</span></div>
        </div>
        <div class="content-bottom">
            <div class="item1 float-l">配送方式<div></div></div>
            <div class="item2 float-l">
                <input id="radio1" type="radio" name="radio"/>
                <label for="radio1">好农配送</label>
                <input id="radio2" type="radio" name="radio"/>
                <label for="radio2">上门自提</label>
            </div>
            <div class="item3 float-l">配送时间：后台自行配置配送时间</div>
        </div>
        <div class="content-footer">
            <p class="float-r">￥85.50</p>
            <span class="float-r">应付总额：</span>
        </div>
        <a href="../html/pay2.html" class="content-footer-btn">提交订单</a>
    </div>
</div>
<div class="footer">
    <div class="server">
        <dl>
            <dt>关于好农</dt>
            <dd>
                <a href="../html/about1.html">好农介绍</a>
                <a href="../html/about2.html">好农资讯</a>
                <a href="../html/about3.html">招贤纳士</a>
                <a href="../html/about4.html">联系我们</a>
            </dd>
        </dl>
        <dl>
            <dt>支付配送</dt>
            <dd>
                <a href="../html/">购物指南</a>
                <a href="../html/">配送说明</a>
                <a href="../html/">支付方式</a>
            </dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd>
                <a href="../html/">48小时退换货</a>
                <a href="../html/">投诉与建议</a>
                <a href="../html/">常见问题</a>
                <a href="../html/">联系客服</a>
            </dd>
        </dl>
        <dl>
            <dt>企业服务</dt>
            <dd>
                <a href="../html/">如何成为企业级客户？</a>
                <a href="../html/">VIP福利</a>
                <a href="../html/">专属服务</a>
                <a href="../html/">定制专区</a>
            </dd>
        </dl>
    </div>
    <div class="bottom">&copy;2010-2015 haonong.com 保留所有权利，绵阳云集电子商务有限公司 蜀ICP证10204706号</div>
</div>
</body>
</html>